<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>专家主页</title>
	<meta name="robots" content="all" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<link rel="stylesheet" href="../css/common/common.css">
	<link rel="stylesheet" type="text/css" href="../css/component/component.css">
	<link rel="stylesheet" href="../css/expert-detail.css">
</head>
<body style="display: block">
	<div class="wrapper" id="wrapper">
		<clinic-head></clinic-head>
		<div class="content">
			<div class="expertInformationBox">
				<h1 class="expertTitle">
					<a class="active-title" href="javascript:;">专家信息</a>
				</h1>
				<div class="expertDoctor">
					<h1 class="expertPic"><img src="../image/doctor.png"></h1>
					<div class="expertInformation">
						<h1><b>宋冬雷</b><span>外科-主任医师</span></h1>
						<p>上海瑞金医院</p>
						<div>￥<i>500</i></div>
						<a href="javascript:;" class="appointmentBtn">立即预约</a>
					</div>
					<div class="beGoodAtBox">
						<p class="beGoodAtText">
							<b>擅长：</b><span>脑动脉瘤、脑血管畸形、硬脑膜动静脉瘘、外伤性海绵窦动静脉瘘、脊髓血管畸形、颈动脉狭窄、颅内动脉狭窄、脑缺血梗塞的外科治疗。</span>
						</p>
						<p class="introduceText">
							<b>简介：</b><span class="four-overflow">主任医师、教授、博士生导师。 原复旦大学附属华山医院神经外科主任医师；神经外科脑血管病医疗组组长原上海德济医院院长、脑血管病中心主任， 中国首家脑科医生集团——“冬雷脑科医生集团”创始人，  2014年首届中国健康产业医生服创新“奇璞奖”获得者， 中国老年学学会心脑血管病中国老年中国老年学2014年首届中国健康产业2014年首届中国健康产业2014年首届中国健康产业2014年首届中国健康产业 </span>
						</p>
						<i class="openBtn" @click='openIntroduce()'>展开</i>
						<div class="openBox" id="openBox">
							<p class="beGoodAtText">
								<b>擅长：</b><span>脑动脉瘤、脑血管畸形、硬脑膜动静脉瘘、外伤性海绵窦动静脉瘘、脊髓血管畸形、颈动脉狭窄、颅内动脉狭窄、脑缺血梗塞的外科治疗。</span>
							</p>
							<p class="introduceText">
								<b>简介：</b><span>主任医师、教授、博士生导师。 原复旦大学附属华山医院神经外科主任医师；神经外科脑血管病医疗组组长原上海德济医院院长、脑血管病中心主任， 中国首家脑科医生集团——“冬雷脑科医生集团”创始人，  2014年首届中国健康产业医生服创新“奇璞奖”获得者， 中国老年学学会心脑血管病中国老年中国老年学2014年首届中国健康产业... </span>
							</p>
							<i class="closeBtn" @click='closeIntroduce'>收起</i>
						</div>
					</div>
				</div>
			</div>
			<div class="relevantVideoBox">
				<h1 class="expertTitle">
					<a class="active-title" href="javascript:;">相关视频</a>
				</h1>
				<div class="relevantVideo">
					<div class="relevantVideoLeft" id="relevantVideoLeft"><img src="../image/videoLeft_btn.png"></div>
					<div class="relevantVideoCenter">
						<ul class="relevantVideoContent" id="relevantVideoContent">
							<li>
								<a href="#"></a>
								<span>1进步益生菌，包干保健康保健康卡卡进步益生菌，包干保健康保健康卡卡</span>
							</li>
							<li>
								<a href="#"></a>
								<span>2进步益生菌，包干保健康保健康卡卡</span>
							</li>
							<li>
								<a href="#"></a>
								<span>3进步益生菌，包干保健康保健康卡卡</span>
							</li>
							<li>
								<a href="#"></a>
								<span>4进步益生菌，包干保健康保健康卡卡进步益生菌，包干保健康保健康卡卡</span>
							</li>
							<li>
								<a href="#"></a>
								<span>5进步益生菌，包干保健康保健康卡卡</span>
							</li>
							<li>
								<a href="#"></a>
								<span>6进步益生菌，包干保健康保健康卡卡</span>
							</li>
							<li>
								<a href="#"></a>
								<span>7进步益生菌，包干保健康保健康卡卡</span>
							</li>
						</ul>
					</div>
					<div class="relevantVideoRight" id="relevantVideoRight"><img src="../image/videoRight_btn.png"></div>
				</div>
			</div>
			<div class="relevantTextBox">
				<h1 class="expertTitle">
					<a :class="{'active-title': article==1}" href="javascript:;" @click="article=1">相关疾病大全</a>
					<a :class="{'active-title': article==2}" href="javascript:;" @click="article=2">相关病案分享</a>
					<a :class="{'active-title': article==3}" href="javascript:;" @click="article=3">相关指南共识</a>
				</h1>
				<div class="relevantTextList" v-if="article==1 || article ==2">
					<div class="relevantText">
						<h1 class="relevantTextTitle"><img src="../image/doctor.png" alt=""></h1>
						<div class="relevantTextIn">
							<h2>进补益生菌，保肝保健康</h2>
							<span>2015/10 13:45</span>
							<p>可能有许多人知道很多酵母菌不仅对人体有益，而且还可以用它们来制造特殊食品，但是很少有人认为细菌对人的身体有益，通俗地说就是细菌有好坏之分。但是很少有人认为细菌对人的身体有益，通俗地说就是细菌有好坏之分。但是很少有人认为细菌对人的身体有益</p>
						</div>
					</div>
					<div class="relevantText">
						<h1 class="relevantTextTitle"><img src="../image/doctor.png" alt=""></h1>
						<div class="relevantTextIn">
							<h2>进补益生菌，保肝保健康</h2>
							<span>2015/10 13:45</span>
							<p>可能有许多人知道很多酵母菌不仅对人体有益，而且还可以用它们来制造特殊食品，但是很少有人认为细菌对人的身体有益，通俗地说就是细菌有好坏之分。但是很少有人认为细菌对人的身体有益，通俗地说就是细菌有好坏之分。但是很少有人认为细菌对人的身体有益</p>
						</div>
					</div>
					<clinic-page></clinic-page>
				</div >
				<div class="relevant-guide-list" v-if="article==3">
					<ul class="guide-list">
						<li class="guide-detail">
							<p class="gd-content row-overflow">保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌,进补益生菌，保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌</p>
							<p class="read-btn"><span>在线阅读</span></p>
						</li>
					</ul>
					<clinic-page></clinic-page>
				</div>
			</div>
		</div>
		<!--标准底部-->
        <clinic-foot></clinic-foot>
		<!--右边导航栏-->
        <clinic-right></clinic-right>
	</div>
	<script type="text/javascript" src="../lib/jquery.js"></script>
	<script type="text/javascript" src="../lib/xdlines.jquery.min.js"></script>
	<script type="text/javascript" src="../lib/vue.min.js"></script>
	<script type="text/javascript" src="../lib/vue-resource.min.js"></script>
	<script type="text/javascript" src="../js/component/component.js"></script>
	<script type="text/javascript" src="../js/public/common.js"></script>
	<script type="text/javascript" src="../js/expert-detail.js"></script>
	<script type="text/javascript">
		textOverflow();
	</script>
</body>
</html>